import { globalStyle, style } from '@vanilla-extract/css';

export const loadingStyle = style({
	width: '2rem',
	height: '2rem',
	display: 'inline-flex',
	verticalAlign: 'middle',
	selectors: {
		'&.dot': {
			width: '3rem',
			height: '3rem',
		},
	},
});

globalStyle(`${loadingStyle}>svg`, {
	flex: 1,
});
